<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<body>
	<ui:composition>
		<hr />
			<div class="row">
				<div class="span4">
					<h3>
						Deep Sky<small> By <a
							href="http://commons.wikimedia.org/wiki/File:Nature_1.jpg">Srawat56</a></small>
					</h3>
					<a rel="lightbox" href="img/thumb1.jpg"><img
						src="pages/templates/img/thumb1.jpg" alt="Thumbnail" /></a>
				</div>
				<div class="span4">
					<h3>
						Nature's Valley<small> By <a
							href="http://commons.wikimedia.org/wiki/File:Nature%27s_Valley_(S._Africa)_2.jpg">Paul
								venter</a></small>
					</h3>
					<a rel="lightbox" href="img/thumb2.jpg"><img
						src="pages/templates/img/thumb2.jpg" alt="Thumbnail" /></a>
				</div>
				<div class="span4">
					<h3>Details</h3>
					<blockquote>
						Respond is a fully responsive website template utilizing Twitter's
						Bootstrap framework. What does that mean? First of all, the
						website will respond according to the size of the viewers browser
						window. Go on, try it out. Resize your window. On top of that, the
						framework offers loads of ready-to-go features. Check it out with
						the button below. <br /><br /> <em>- Oswt.co.uk</em>
					</blockquote>
					<p>
						<a class="btn" href="http://twitter.github.com/bootstrap/">All
							Features &raquo;</a>
					</p>
				</div>
			</div>
			<!--Start second row of columns-->
			<hr />
				<div class="row">
					<div class="span6 thumb-list">
						<a rel="lightbox[secondary]" href="pages/templates/img/thumb-small01.png"><img
							src="pages/templates/img/thumb-small01.png" alt="Thumbnail" /></a>
						<h3>
							<a href="#">This Should Be Your Title.</a>
						</h3>
						<p>This will be the description or something I guess. I don't
							know. Your choice.You could summarize something here. Keep it
							simple. Just a few short sentences. Maybe one large one? No, a
							few short ones.</p>
					</div>
					<div class="span6 thumb-list">
						<a rel="lightbox[secondary]" href="pages/templates/img/thumb-small02.png"><img
							src="pages/templates/img/thumb-small02.png" alt="Thumbnail" /></a>
						<h3>
							<a href="#">This Should Be Your Title.</a>
						</h3>
						<p>This will be the description or something I guess. I don't
							know. Your choice.</p>
						<a href="#" class="btn">Details</a>
					</div>
				</div>
				<div class="row">
					<div class="span6 thumb-list">
						<a rel="lightbox[secondary]" href="pages/templates/img/thumb-small01.png"><img
							src="pages/templates/img/thumb-small01.png" alt="Thumbnail" /></a>
						<h3>
							<a href="#">This Should Be Your Title.</a>
						</h3>
						<p>This will be the description or something I guess. I don't
							know. Your choice.</p>
						<a href="#" class="btn">Details</a>
					</div>
					<div class="span6 thumb-list">
						<a rel="lightbox[secondary]" href="pages/templates/img/thumb-small02.png"><img
							src="pages/templates/img/thumb-small02.png" alt="Thumbnail" /></a>
						<h3>
							<a href="#">This Should Be Your Title.</a>
						</h3>
						<p>This will be the description or something I guess. I don't
							know. Your choice.</p>
						<a href="#" class="btn">Details</a>
					</div>
				</div>
	</ui:composition>
</body>
</html>